<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>外卖APP</title>
<link href="../3-动态界面/css/css.css" rel="stylesheet" type="text/css" >
<script  type="text/javascript">  
$(document).ready(function(){  
    $(".main").unbind("scroll").bind("scroll", function(e){  
        var sum = this.scrollHeight;  
        if (sum <= $(this).scrollTop() + $(this).height()) {  
            $(".main").append($(".child").clone());  
        }  
    });  
});  
</script> 
<script src="../3-动态界面/jq.min.js" type="text/javascript">
</script>
</head>

<body>
<div class="nav">
 <ul>
   <li><a href="#">首页</a></li>
   <li><a href="#">菜单</a></li>
   <li><a href="#">商家</a></li>
   <li><a href="#">赞助</a></li>
   <li><a href="#">详情</a></li>

 </ul>
</div>
<div class="box"> 菜单</div>
<!--<div id="box" style="height:960px"> -->
         <div class="main" style="height:1080px;overflow:auto;">  
        <div class="child" style='border:1px solid red;margin-top:20px;color:grey;height:1920px' ></div>  
    </div>  



</body>
</html>
